<template>
    <ElCard class="h-full flex flex-col min-h-0" body-class="flex flex-col min-h-0 flex-1"> 
        <template #header>
            <p class="text-center font-bold text-2xl">额度记录</p>
        </template>
        <ElTable class="flex-1" :data="limitLog" stripe>
            <ElTableColumn prop="id" label="id"></ElTableColumn>
            <ElTableColumn prop="descr" label="原因"></ElTableColumn>
            <ElTableColumn prop="quota" label="剩余额度"></ElTableColumn>
            <ElTableColumn prop="record" label="变化数量"></ElTableColumn>
            <ElTableColumn prop="createTime" label="时间"></ElTableColumn>
        </ElTable>
    </ElCard>
</template>

<script setup lang='ts' name=''>
import { ElCard, ElTable, ElTableColumn } from 'element-plus';
import { getLimitLog } from '@/api/function';
import { ref } from 'vue';
const limitLog = ref([])
getLimitLog().then(res => {
    limitLog.value = res.data
});
</script>

<style scoped></style>